{* Smarty *}
{literal}
    <script>

        $(document).ready( function() {
            $("#new_user").validate({
                    // Define as regras
                    rules:{
                            login: {
                                // login sera obrigatorio e tera que ter no minimo 4 caracteres
                                required: true, minlength: 4
                            },
                            password: {
                                required: true, minlength: 8
                            },
                            retype_password: {
                                required: true, minlength: 8, equalTo: "#password"
                            },
                            nome: {
                                required: true
                            },
                            email: {
                                email: true
                            }
                    },
                    // Define as mensagens de erro para cada regra
                    messages: {
                            login: {
                                required: "Campo Login é Obrigatório!",
                                minlength: "Mínimo de 4 caracteres"
                            },
                            password: {
                                required: "Campo Senha é Obrigatório!", 
                                minlength: "Minino de 8 caracteres"
                            },
                            retype_password: {
                                required: "Repita sua senha!", 
                                minlength: "Minino de 8 caracteres",
                                equalTo: "As senhas devem ser iguais"
                            },
                            nome: {
                                required: "Campo Nome é Obrigatório!"
                            },
                            email: "Entre com um email valido!"
                    }
            });
    });

    </script>
{/literal}
<h2>Cadastro de Usuário</h2>
<div>
    <form id="new_user" name="form_new_user" action="index.php?action=new_user" method="post">

        <table>
            <tr>
                <th>Login:</th>
                <td><input id="login" name="login" type="text" maxlength="12"/></td>                
            </tr>
            <tr>
                <th>Password:</th>
                <td><input id="password" name="password" type="password" maxlength="45"/></td>
            </tr>
            <tr>
                <th>Retype Password:</th>
                <td><input name="retype_password" type="password" maxlength="45"/></td>
            </tr>
            <tr>
                <th>Password Hint:</th>
                <td><input name="password_hint" type="text" maxlength="45"/></td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2"><strong>DADOS PESSOAIS:</strong></td>
            </tr>
            <tr>
                <th>CPF:</th>
                <td><input name="cpf" type="text" maxlength="11"/></td>
            </tr>
            <tr>
                <th>Nome Completo:</th>
                <td><input name="nome" type="text" maxlength="255"/></td>
            </tr>
            <tr>
                <th>E-mail:</th>
                <td><input name="email" type="text" maxlength="255"/></td>
            </tr>
            <tr>
                <th>Telefone:</th>
                <td><input name="telefone" type="text" maxlength="45"/></td>
            </tr>
        </table>


        <p>OBS: Usuário é criado com Status: "Pendente" Aguardando Liberação</p>
        <p>Status: "Pendente"/"Ativo"/"Inativo"</p>
        <input type="submit" value="Enviar" />

    </form>
</div>